<!-- <div>首页</div> -->
<link rel="stylesheet" type="text/css" href="/backups/css/home.css">
<div class="cn_containner">
  <div class="cn_conMenu" id="jhome_top_menu">
    <!--<div class="cn_li"><p class="cn_null"></p><p class="cn_conli"><i></i>辆</p><p class="cnTit">营运车辆</p></div>
    <div class="cn_li"><p class="cn_null"></p><p class="cn_conli"><i></i>辆</p><p class="cnTit">入网车辆</p></div>
    <div class="cn_li"><p class="cn_null"></p><p class="cn_conli"><i></i>%</p><p class="cnTit">入网率</p></div>
    <div class="cn_li"><p class="cn_null"></p><p class="cn_conli"><i></i>%</p><p class="cnTit">当月上线率</p></div>
    <div class="cn_li"><p class="cn_null"></p><p class="cn_conli"><i></i>辆</p><p class="cnTit">当日上线数</p></div>
    <div class="cn_li"><p class="cn_null"></p><p class="cn_conli"><i></i>辆</p><p class="cnTit">在线车辆</p></div>
    <div class="cn_li"><p class="cn_null"></p><p class="cn_conli"><i></i>辆</p><p class="cnTit">入域车辆</p></div>
    <div class="cn_li"><p class="cn_null"></p><p class="cn_conli"><i></i>辆</p><p class="cnTit">出域车辆</p></div>-->
  </div>
  <div class="cn_main">
    <!-- 左边 -->
    <div class="cn_main_left">
      <div class="left_content">
        <!--<div class="left_top">
            <span><i class="iconfont">&#xe62e;</i>班线客运</span>
        </div>-->
        <!--<div class="left_main">
          <div class="title">
            <div>车辆信息</div>
            <div>车辆数</div>
            <div>车辆信息</div>
            <div>车辆数</div>
          </div>
          <div class="car_number">
            <div class="car">
              <div class="type_car car_first">
                <span><img src="../../static/images/home/bus.png" alt=""></span>
                <span>营运车辆</span>
              </div>
              <div class="type_car car_last">
                <div class="car_numbg">0辆</div>
              </div>
            </div>
            <div class="car">
              <div class="type_car car_first">
                <span><img src="../../static/images/home/bus.png" alt=""></span>
                <span>入网车辆</span>
              </div>
              <div class="type_car car_last">
                <div class="car_numbg">0辆</div>
              </div>
            </div>
          </div>
          <div class="car_number">
              <div class="car">
                <div class="type_car car_first">
                  <span><img src="../../static/images/home/bus.png" alt=""></span>
                  <span>上线车辆</span>
                </div>
                <div class="type_car car_last">
                  <div class="car_numbg">0辆</div>
                </div>
              </div>
              <div class="car">
                <div class="type_car car_first">
                  <span><img src="../../static/images/home/bus.png" alt=""></span>
                  <span>实时在线</span>
                </div>
                <div class="type_car car_last">
                  <div class="car_numbg">0辆</div>
                </div>
              </div>
          </div>
          <div class="car_number">
              <div class="car">
                <div class="type_car car_first">
                  <span><img src="../../static/images/home/bus.png" alt=""></span>
                  <span>出域车辆</span>
                </div>
                <div class="type_car car_last">
                  <div class="car_numbg">0辆</div>
                </div>
              </div>
              <div class="car">
                <div class="type_car car_first">
                  <span><img src="../../static/images/home/bus.png" alt=""></span>
                  <span>入域车辆</span>
                </div>
                <div class="type_car car_last">
                  <div class="car_numbg">0辆</div>
                </div>
              </div>
          </div>
        </div>-->
      </div>
      <div class="left_content">
        <!--<div class="left_top">
          <span><i class="iconfont">&#xe62e;</i>旅游包车</span>
        </div>-->
        <!--<div class="left_main">
          <div class="title">
            <div>车辆信息</div>
            <div>车辆数</div>
            <div>车辆信息</div>
            <div>车辆数</div>
          </div>
          <div class="car_number">
            <div class="car">
              <div class="type_car car_first">
                <span><img src="../../static/images/home/bus.png" alt=""></span>
                <span>营运车辆</span>
              </div>
              <div class="type_car car_last">
                <div class="car_numbg">0辆</div>
              </div>
            </div>
            <div class="car">
              <div class="type_car car_first">
                <span><img src="../../static/images/home/bus.png" alt=""></span>
                <span>入网车辆</span>
              </div>
              <div class="type_car car_last">
                <div class="car_numbg">0辆</div>
              </div>
            </div>
          </div>
          <div class="car_number">
            <div class="car">
              <div class="type_car car_first">
                <span><img src="../../static/images/home/bus.png" alt=""></span>
                <span>上线车辆</span>
              </div>
              <div class="type_car car_last">
                <div class="car_numbg">0辆</div>
              </div>
            </div>
            <div class="car">
              <div class="type_car car_first">
                <span><img src="../../static/images/home/bus.png" alt=""></span>
                <span>实时在线</span>
              </div>
              <div class="type_car car_last">
                <div class="car_numbg">0辆</div>
              </div>
            </div>
          </div>
          <div class="car_number">
            <div class="car">
              <div class="type_car car_first">
                <span><img src="../../static/images/home/bus.png" alt=""></span>
                <span>出域车辆</span>
              </div>
              <div class="type_car car_last">
                <div class="car_numbg">0辆</div>
              </div>
            </div>
            <div class="car">
              <div class="type_car car_first">
                <span><img src="../../static/images/home/bus.png" alt=""></span>
                <span>入域车辆</span>
              </div>
              <div class="type_car car_last">
                <div class="car_numbg">0辆</div>
              </div>
            </div>
          </div>
        </div>-->
      </div>
      <div class="left_content">
        <!--<div class="left_top">
          <span><i class="iconfont">&#xe62e;</i>危险品运输</span>
        </div>-->
        <!--<div class="left_main">
          <div class="title">
            <div>车辆信息</div>
            <div>车辆数</div>
            <div>车辆信息</div>
            <div>车辆数</div>
          </div>
          <div class="car_number">
            <div class="car">
              <div class="type_car car_first">
                <span><img src="../../static/images/home/bus.png" alt=""></span>
                <span>营运车辆</span>
              </div>
              <div class="type_car car_last">
                <div class="car_numbg">0辆</div>
              </div>
            </div>
            <div class="car">
              <div class="type_car car_first">
                <span><img src="../../static/images/home/bus.png" alt=""></span>
                <span>入网车辆</span>
              </div>
              <div class="type_car car_last">
                <div class="car_numbg">0辆</div>
              </div>
            </div>
          </div>
          <div class="car_number">
            <div class="car">
              <div class="type_car car_first">
                <span><img src="../../static/images/home/bus.png" alt=""></span>
                <span>上线车辆</span>
              </div>
              <div class="type_car car_last">
                <div class="car_numbg">0辆</div>
              </div>
            </div>
            <div class="car">
              <div class="type_car car_first">
                <span><img src="../../static/images/home/bus.png" alt=""></span>
                <span>实时在线</span>
              </div>
              <div class="type_car car_last">
                <div class="car_numbg">0辆</div>
              </div>
            </div>
          </div>
          <div class="car_number">
            <div class="car">
              <div class="type_car car_first">
                <span><img src="../../static/images/home/bus.png" alt=""></span>
                <span>出域车辆</span>
              </div>
              <div class="type_car car_last">
                <div class="car_numbg">0辆</div>
              </div>
            </div>
            <div class="car">
              <div class="type_car car_first">
                <span><img src="../../static/images/home/bus.png" alt=""></span>
                <span>入域车辆</span>
              </div>
              <div class="type_car car_last">
                <div class="car_numbg">0辆</div>
              </div>
            </div>
          </div>
        </div>-->
      </div>
    </div>
    <!-- 中间 -->
    <div class="cn_main_center">
      <!--<div class="charts_main">
        <div class="time">
          <div class="time_num" id="center_big_num">1,765,245</div>
          <div class="time_detail">
            <span><img src="../../static/images/home/timer.png" alt=""></span>
            <span  id="time">17:40:34</span>
            <span>智能联网联控系统今日上传位置次数</span>
          </div>
        </div>
        <div class="china">
          <div id="china_in" class="chartMap"></div>
          <div id="china_out" class="chartMap"></div>
          <div id="china_sx" class="chartMap"></div>
        </div>
        <div class="checkbox">
          <ul>
            <li>
                  <label for="choose_1" class="choose_label choose_checked">
                        <input id="choose_1" type="checkbox" name="choose" class="choose_input" value="1" autocomplete ="off"/>
                  </label>
                  <p class="choose_title">班线客运</p></li>
            <li>
                   <label for="choose_2" class="choose_label choose_checked">
                         <input id="choose_2" type="checkbox" name="choose" class="choose_input" value="2" autocomplete ="off"/>
                   </label>
                   <p class="choose_title">旅游包车</p></li>
            <li>
                  <label for="choose_3" class="choose_label choose_checked">
                        <input id="choose_3" type="checkbox" name="choose" class="choose_input" value="3" autocomplete ="off"/>
                  </label>
                  <p class="choose_title">危险品运输</p>
            </li>
          </ul>
        </div>
        <div class="switch">
          <div class="green">车辆入域</div>
          <div>车辆出域</div>
          <div>本域地图</div>
        </div>
      </div>-->
    </div>
    <!-- 右边 -->
    <div class="cn_main_right">
      <!--<div class="right_contOne">
        <div class="left_top right_one">
          <span><i class="iconfont">&#xe62e;</i>部平台链路状态</span>
        </div>
        <div class="right_linkCont">
          <div class="line_main">
            <div class="link_img">
              <img class="icon_border" src="../../static/images/home/linkBorderBg.png" alt="">
              <img class="icon_main" src="../../static/images/home/alarmYC.png" alt="">
            </div>
            <div class="link_font">主链路异常</div>
          </div>
          <div class="line_main second">
            <div class="link_img">
              <img class="icon_border" src="../../static/images/home/linkBorderBg.png" alt="">
              <img class="icon_main cong" src="../../static/images/home/alarmSafety.png" alt="">
            </div>
            <div class="link_font">从链路正常</div>
          </div>
        </div>
      </div>-->
      <!--<div class="right_contTwo">
        <div class="left_top right_top">
          <span><i class="iconfont">&#xe62e;</i>运营商平台信息</span>
        </div>
        <div class="right_border">
          <div class="border_car">
            <div>运营商平台总数</div>
            <div></div>
          </div>
          <div class="border_car">
            <div>运营商平台连接数</div>
            <div></div>
          </div>
        </div>
      </div>-->
      <div class="right_contThree">
        <!--<div class="left_top rightTop">
          <span><i class="iconfont">&#xe62e;</i>今日车辆报警</span>
        </div>
        <div class="left_main">
          <div class="title rightTitle">
            <div>报警类型</div>
            <div>车辆数</div>
            <div>报警类型</div>
            <div>车辆数</div>
          </div>-->
          <!--<div class="car_number">
            <div class="car">
              <div class="type_car car_first">
                <span><img src="../../static/images/home/bus.png" alt=""></span>
                <span>超速报警</span>
              </div>
              <div class="type_car car_last">
                <div class="car_numbg">0辆</div>
              </div>
            </div>
            <div class="car">
              <div class="type_car car_first">
                <span><img src="../../static/images/home/bus.png" alt=""></span>
                <span>超时驾驶</span>
              </div>
              <div class="type_car car_last">
                <div class="car_numbg">0辆</div>
              </div>
            </div>
          </div>-->
          <!--<div class="car_number">
              <div class="car">
                <div class="type_car car_first">
                  <span><img src="../../static/images/home/bus.png" alt=""></span>
                  <span>车道偏离</span>
                </div>
                <div class="type_car car_last">
                  <div class="car_numbg">0辆</div>
                </div>
              </div>
              <div class="car">
                <div class="type_car car_first">
                  <span><img src="../../static/images/home/bus.png" alt=""></span>
                  <span>疲劳驾驶</span>
                </div>
                <div class="type_car car_last">
                  <div class="car_numbg">0辆</div>
                </div>
              </div>
          </div>-->
          <!--<div class="car_number">
              <div class="car">
                <div class="type_car car_first">
                  <span><img src="../../static/images/home/bus.png" alt=""></span>
                  <span>接打电话</span>
                </div>
                <div class="type_car car_last">
                  <div class="car_numbg">0辆</div>
                </div>
              </div>
              <div class="car">
                <div class="type_car car_first">
                  <span><img src="../../static/images/home/bus.png" alt=""></span>
                  <span>抽烟报警</span>
                </div>
                <div class="type_car car_last">
                  <div class="type_car car_last">
                    <div class="car_numbg">0辆</div>
                  </div>
                </div>
              </div>
          </div>-->
          <!--<div class="car_number">
              <div class="car">
                <div class="type_car car_first">
                  <span><img src="../../static/images/home/bus.png" alt=""></span>
                  <span>分神驾驶</span>
                </div>
                <div class="type_car car_last">
                  <div class="car_numbg">0辆</div>
                </div>
              </div>
              <div class="car">
                <div class="type_car car_first">
                  <span><img src="../../static/images/home/bus.png" alt=""></span>
                  <span>驾驶人异常</span>
                </div>
                <div class="type_car car_last">
                  <div class="car_numbg">0辆</div>
                </div>
              </div>
          </div>-->
        </div>
      </div>
    </div>
  </div>
</div>
<!--  地图  -->

<!--<script type="text/javascript" src="/static/plugin/charts-component.js"></script>
<script type="text/javascript" src="/static/libraries/maparea/js/index.js"></script>
<script type="text/javascript" src="/static/libraries/maparea/js/china-main-city-map.js"></script>
<script type="text/javascript" src="/static/libraries/maparea/js/rem.js"></script>
<script type="text/javascript" src="/src/pages/home/home.js"></script>-->
